<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<title>百顺通云-电脑下载</title>
	<link rel="shortcut icon" href="/images/user/favicon.png" type="image/x-icon">
    <link type="text/css" rel="stylesheet" href="/css/user/global.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/img_turn.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/download/computer_down.css">
    <link type="text/css" rel="stylesheet" href="/css/dialog.min.css">
    <script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
    
    <script type="text/javascript" src="/js/dialog.min.js"></script>
<script type="text/javascript" src="/js/bstdialog.min.js"></script>
    <script type="text/javascript" src="/js/user/download/computer_download.js"></script>
    <script type="text/javascript" src="/js/user/img_turn.js"></script>
</head>

<body>
<input type="hidden" id="page" value="${page}"/>
<input type="hidden" id="pageCount" value="${pageCount}"/>
<input type="hidden" id="downloadId" value="${downloadId}"/>
<!--页面内容开始-->
<div class="Wrapper"> 
  <!---------------------------------页面头部及导航部分开始------------------------------------>
  <jsp:include page="../common/header.jsp"/>
  <!---------------------------------页面头部及导航部分结束------------------------------------>
  <div class="cl"></div>
  <!---------------------------------内容部分------------------------------------>
  <div class="content"> 
    <!---------------------------------左侧------------------------------------>
    <div class="main-l fl"> 
      <!--左侧列表-->
      <div class="list">
        <ul>
            <li><a href="/download">下载中心</a>
                <ul>
                    <c:forEach items="${downloads}" var="d" varStatus="status">
           	  			<c:choose>
           	  				<c:when test="${status.last}">
           	  					<li class="last"><a href="${d.downloadUrl}">${d.downloadCategory}</a></li>
           	  				</c:when>
           	  				<c:otherwise>
           	  					<li><a href="${d.downloadUrl}">${d.downloadCategory}</a></li>
           	  				</c:otherwise>
           	  			</c:choose>
           	  		</c:forEach>
                </ul>
            </li>
        </ul>
      </div>
      <!--左侧列表结束--> 
      
      <jsp:include page="../common/left.jsp"/>
    </div>
    <!---------------------------------左侧结束------------------------------------> 
    <!---------------------------------右侧------------------------------------>
    <div class="main-r fr">
      <!---------------------------------轮播------------------------------------>
      <jsp:include page="../common/img_turn.jsp"/>
      <!---------------------------------轮播结束------------------------------------>
      <!--下载产品开始-->
      <div class="partner mt20">
        <div class="lm-t">
          <div class="headtitle fl">电脑客户端下载</div>
        </div>
        <div class="box" id="pc">
          <c:forEach items="${dpVos}" var="dpv">
          	<div class="phodown_mok">
	            <div class="img_con"><img src="${dpv.product.productImg}" width="100px" height="100px"/></div>
	            <div class="text_con">
	              <h3>${dpv.product.productName}</h3>
	              <c:choose>
	              	<c:when test="${dpv.product.productId == 25}">
	              		<p>基于互联网，不需要通过浏览器，便可在电脑桌面上随时随地快捷登录，协同性高，可有效提高企业员工工作效率。</p>
	              	</c:when>
	              	<c:otherwise><p>${dpv.product.productSpecialtyBrief}</p></c:otherwise>
	              </c:choose>
	              <%-- <p>${dpv.product.productSpecialtyBrief}</p> --%>
	              <div class="btn_con">
	                <c:forEach items="${dpv.pdv}" var="pdv">
	                	<div class="pc">
		                  <a href="${pdv.downloadUrl}" class="btn"><i class="icon"></i><span>${pdv.downloadWayName}</span></a>
		                </div>
	                </c:forEach>
	              </div>
	            </div>
            </div>
          </c:forEach>
          <div class="page mt20" align="center">共${totalRows}条记录 ${page}/${pageCount}页&nbsp;
          <a href="javascript:pcReload(1)">首页</a> <a onclick="javascript:ajaxPageUp(${page})">上一页</a>&nbsp;
          <a onclick="javascript:ajaxPageDown(${page});">下一页</a> 
          <a href="javascript:pcReload(${pageCount})" >尾页</a>&nbsp;
          第&nbsp;
          <select onchange="ajax2Page()" id="currPage">
              <c:forEach begin="1" end="${pageCount}" varStatus="status">
            	<option value="${status.index}" <c:if test="${status.index == page}">selected="selected"</c:if>>${status.index}</option>
              </c:forEach>
          </select>&nbsp;页
          </div>
          
        </div>
      </div>
    </div>
    <!--合作伙伴结束--> 
  </div>
  <!---------------------------------右侧结束------------------------------------>
  <div class="cl"></div>
</div>
<!---------------------------------内容部分结束------------------------------------> 
<!---------------------------------footer------------------------------------>
<jsp:include page="../common/footer.jsp"/>
<!---------------------------------footer结束------------------------------------>
<!--页面内容结束-->
</body>
</html>
